body,
html {
  scroll-behavior: smooth;
}

.fx-row {
  display: flex;
}

.fx-col {
  display: flex;
  flex-direction: column;
}

.fx-wrap {
  flex-wrap: wrap;
}

.fx-nowrap {
  flex-wrap: nowrap;
}

.fx-m-center {
  justify-content: center;
}

.fx-m-between {
  justify-content: space-between;
}

.fx-c-center {
  align-items: center;
}

.fx-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.fx-1 {
  flex: 1;
}

.fx-2 {
  flex: 2;
}

.fx-3 {
  flex: 3;
}

.fx-5 {
  flex: 5;
}

.fx-6 {
  flex: 6;
}

/* 文案 */
.a-text-white {
  color: #fff;
}

.a-text-center {
  text-align: center;
}

.a-text-right {
  text-align: right;
}

.a-text-semibold {
  font-weight: 800;
}

.a-text-regular {
  font-weight: 400;
}

.a-text-ellipisis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* 背景 */
.img-background {
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

/* 表单提交 弹窗 */
.showMessage {
  padding: 0.125rem 0.25rem;
  border-radius: 0.125rem;
  position: fixed;
  top: 40%;
  left: 50%;
  transform: translateX(-50%);
  color: #ffffff;
  padding: 0.125rem 0.25rem;
  z-index: 9999;
}

.showMessageError {
  background-color: #fde2e2;
  color: #f56c6c;
}

.showMessageSuccess {
  background-color: rgba(12, 74, 140);
  color: #fff;
}

/* 不规则盒模型定位居中 */
.absolute-vertical {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.absolute-col {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.absolute-center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* 其他 */

.p-relative {
  position: relative;
}

.cursor-pointer {
  cursor: pointer;
}

.section-background {
  width: 100vw;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.section-contain {
  position: relative;
  z-index: 2;
}

.background {
  background-size: 100% auto;
  background-repeat: no-repeat;
}

/* 超出高度显示滚动条 */
div.c-sroll {
  overflow-y: auto;

}

div.c-sroll::-webkit-scrollbar {
  width: 0.15rem;
  border-radius: 0.15rem;
  box-sizing: border-box;
}

div.c-sroll::-webkit-scrollbar-thumb {
  border-radius: 0.15rem;
  -webkit-box-shadow: inset 0 0 0.125rem rgba(0, 0, 0, 0.2);
  background: #ccc;
}

div.c-sroll::-webkit-scrollbar-track {
  border-radius: 0.15rem;
  background: #dfcdaf;
}

@media screen and (min-width: 980px) {
  .common-bottom-tips {
    padding: 1rem 0.5rem 1rem;
  }

  .container {
    width: 25rem;
    margin: 0 auto;
  }
}


@media screen and (max-width: 979px) {
  .common-bottom-tips {
    padding: 1rem 0.5rem 1rem;
  }

  .table-wrap>div {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}